<template>
  <div>
    <h2>{{message}}</h2>
    <button @click="btnClick">按钮</button>
    <h2 class="name">{{name}}</h2>
    <Cpn></Cpn>
  </div>
</template>

<script>
  import Cpn from './Cpn';
  export default {
    name: "App",
    components:{
      Cpn
    },
    data() {
      return {
        message: "Hello webpack vue",
        name: 'wsq'
      }
    },
    methods: {
      btnClick() {
        console.log('btnClick');
      }
    }
  }
</script>

<style scoped>
  .name {
    color: green;
  }
</style>
